<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2016/8/22
  Time: 11:30
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <%--<meta http-equiv="Access-Control-Allow-Origin" content="open.weixin.qq.com">--%>
    <title>新途微助手</title>
    <%@include file="../../include/header.jsp" %>

    <style>
        a:hover, a:visited, a:active, a:link {
            text-decoration: none;
            color: black;
        }

        .modal-inner {
            padding: 0px
        }

        #select label {
            font-family: -apple-system, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 1.4;
            font-weight: 100;
        }

        table {
            width: 100%;
        }

        table tr {
            width: 30%;
        }

        table tr td {
            text-align: center;
            height: 40px;
        }

        .row {
            background-color: #FFFFFF;
            margin-bottom: 10px;
        }

        .row .indexToolbar {
            text-align: center;
            line-height: 40px;
            height: 40px;
            margin: 10px 0;
            font-size: 14px;
            color: #4B4C4C;
        }

        .item-title {
            color: black;
            font-size: 18px;
            font-weight: normal;
            text-align: left;
            width: 50%;
        }

        .item-input {
            width: 50%;
        }

        .item-input input {
            text-align: right;
        }

    </style>
</head>
<body>
<!-- Status bar overlay for full screen mode (PhoneGap) -->
<div class="statusbar-overlay"></div>
<!-- Panels overlay-->
<div class="panel-overlay"></div>
<!-- Views -->
<div class="views">
    <!-- Your main view, should have "view-main" class -->
    <div class="view view-main">
        <!-- Top Navbar-->
        <div class="navbar">
            <div class="navbar-inner">
                <!-- We need cool sliding animation on title element, so we have additional "sliding" class -->
                <div class="left">
                    <a class="link" onClick="targetPage()" id="back"><i class="icon icon-back"></i><span>返回</span></a>
                </div>
                <div class="center">商品详情</div>
                <div class="right" id="sellerShop"></div>
            </div>
        </div>
        <div style="height:30px"></div>
        <!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
        <div class="pages">
            <!-- Page, "data-page" contains page name -->
            <div data-page="index" class="page">
                <!-- Scrollable page content -->
                <div class="page-content">
                    <input type="hidden" id="detail-typeId" value="${param.typeId}"/>
                    <input type="hidden" id="detail-targetId" value="${param.targetId}"/>
                    <input type="hidden" id="detail-amount" value="${param.amount}"/>
                    <div class="content-block" style="margin:0px;padding:0px ;">
                        <div class="ml-banner" style="position: relative;">
                            <div style="width:20%;height:20px;position: absolute;left:80%;top:20px;z-index:2;line-height: 20px">
                                <img src="../../static/image/praise-1.png"/> <span id="ticket-score"></span>
                            </div>
                            <ul id="banner"></ul>
                        </div>
                    </div>
                    <div class="content-block" id="ticket-detail"
                         style="margin-top:0px;padding:17px;background:white"></div>
                    <div class="content-block" id="evaluateContent" style="background-color: white;padding:10px">
                        <div class="panel-title" id="evaluateNumber" style="font-size: 18px;line-height: 18px">
                            <div style="width:4px;height: 15px;background-color:#509AF1;float:left"></div>
                            &nbsp;&nbsp;<span
                                style="color:#676767;font-size:16px;font-family: PingFang-SC-Regular">评论</span><span
                                style="color:#676767;font-size:12px">(<span id="detail-evaluates-total"></span>)</span>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- Bottom Toolbar-->
        <div style="height:60px;" id="index-tool">

        </div>
    </div>
    <%@include file="../../include/footer.jsp" %>
    <script src="${cdnContentPath}/static/template7/dist/template7.js"></script>
    <script type="text/javascript" src="${relativePath}/view/detail/my-app.js"></script>
    <script>
        var myApp = new Framework7();
        var $$ = Framework7.$;

        var mainView = myApp.addView('.view-main');
        function targetPage() {
            var pageName = myApp.mainView.activePage.name;
            if (pageName == 'index') {
                WeixinJSBridge.call('closeWindow');
            } else if (pageName == 'reserve') {
                mainView.router.back();

            } else {
                mainView.router.back();
            }
        }

        $(function () {
            App.loadDetailPage();
            App.detailBottomMenu();
        })
    </script>
</div>
</body>
</html>
